草庐IT

D3 笔记

全部标签

javascript - 使用 d3.js 的六 Angular 网格

我目前正在尝试使用d3.js创建一个六Angular网格和hexbinplugin对于d3.js.我遇到的问题是我的网格中总是有空六边形或整行空行,而不是所有六边形都很好。有什么办法解决这个问题吗?Mycode:varmargin={top:80,right:20,bottom:50,left:80},width=$(window).width()-margin.left-margin.right,height=$(window).height()-28-margin.top-margin.bottom;varpoints=[];for(vari=0;i 最

javascript - 是否可以在 D3.js 中找到刻度之间的距离?

有没有办法找出x轴上刻度线之间的距离?我将序数刻度与rangeRoundBands一起使用,告诉我它没有刻度函数。varx=d3.scale.ordinal().rangePoints([_margin.left,cWidth]);x.domain(['Dec','Jan']);vartestTicks=x.ticks(2);它可以很好地生成轴(无法发布图像)但我无法弄清楚如何获得距离(编辑:添加x.domain) 最佳答案 vardata=[45,31,23],//whateveryourdataisgraphHeight=400

javascript - 如何在 Ipython 笔记本中添加外部 javascript 文件

我正在尝试像这样将cdn托管的d3.js添加到我的Ipython笔记本中但是当我第一次加载notebook时,我得到“添加输出的Javascript错误”,但如果我再次运行cell,它就可以正常工作。难道我做错了什么?提前致谢。 最佳答案 您可能会导致竞争条件,IPython解释器可以在一瞬间愉快地将您的HTML片段添加到DOM,然后在加载/处理D3js脚本之前触发JavaScript命令。我不是浏览器如何加载/执行JS方面的专家,但可能会发生一些不同的事情,因为您是在页面加载后进行的。可能有点矫枉过正,但您可以使用RequireJ

javascript - Gauge D3.js 显示指针顶部的数值

我是D3.js的新手,我设法使用我在Internet上找到的内容创建了一个仪表。但是我找不到任何显示指针顶部当前值的仪表。像这样:whatIwant显然,我希望值随针而动。我尝试为针本身添加“文本”属性,但没有成功。这是代码笔链接:http://codepen.io/kazu_codepen/pen/wGmGjv?editors=1010这是我的js代码://datawhichneedtobefetchedvarname="azerty";varvalue=17;vargaugeMaxValue=100;//datatocalculatevarpercentValue=value/ga

javascript - D3圆弧渐变

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。关于您编写​​的代码问题的问题必须在问题本身中描述具体问题—并且包括有效代码以重现它。参见SSCCE.org寻求指导。关闭9年前。Improvethisquestion我正在尝试使用d3创建一个计时器,它的梯度会在0到100%之间变化。例如,0%时为深橙色,100%时为浅橙色。我可以使弧线在深橙色和浅橙色之间过渡,但找不到任何可以让我对弧线应用渐变的东西。在下图中可以看到我正在尝试实现的示例。为了实现这一目标,我已经搜索/绞尽脑汁了一天左右。

javascript - d3 : A sub array of objects

我有以下结构:[{'length':10,attributes:[1,2,3]},{'length':7,attributes:[1,3,4,5]},{'length':12,attributes:[3,5,7,9,10]},]andIamdoingthefollowing:x=d3.scale.linear().domain([0,maxHeight]).range([50,w]),y=d3.scale.linear().domain([0,maxHeight]).range([h,20]);z=d3.scale.linear().domain([0,maxHeight]).rang

javascript - d3 : what is the self as in d3. select(self.frameElement).style ("height", height + "px");

我在许多D3示例中看到过如下语句。但是,我无法找出它的含义。特别是,我不知道这个self变量指的是什么。此外,这是否体现了某种D3魔术/惯例,或者它只是一个临时的东西?非常感谢。d3.select(self.frameElement).style("height",height+"px");顺便说一句,here是我复制上面语句的例子。 最佳答案 self:如果没有重新定义(通常作为this的副本),那么它就是始终指向windowwindow对象。因此它们可以互换使用。window.frameElement:返回嵌入窗口的元素(例如或

SLAM学习笔记----坐标关系梳理及PnP算法详解

一,重要的坐标关系的解析四个坐标系:世界坐标系、相机坐标系、图像坐标系、像素坐标系。世界坐标系:机器人或相机运动过程中,肯定需要知道它的位置,因此需要设定世界坐标系,认定固定不动,作为参考坐标系,描述世界中的任何一点P(Xw,Yw,Zw)。相机坐标系:相机或机器人运动的一个坐标系,通过世界坐标系的变换(旋转R,平移T)计算得到。因此主要是将世界坐标系描述的点坐标P(Xw,Yw,Zw)转换成相机坐标系下描述P(Xc,Yc,Zc),方便计算得到在成像坐标系的坐标。图像(成像)坐标系:描述点在图像坐标系的成像点位置。像素坐标:在相机中得到的是一个像素,因此主要将图像坐标系的点转换成像素坐标系下。1.

华为数通笔记-网络准入控制

概述1.非法用户随意接入园区内部网络,会危害园区的信息安全。防病毒软件未实现集中管理,补丁管理混乱,企业即便购买了防病毒软件,但很难保证所有的终端其病毒特征库都是最新的,导致一旦某台终端感染病毒或恶意代码,很快会在内网泛滥。2.接入园区网络的终端种类多,且园区内用户行为难以管控。3.出于对安全问题的考虑,园区网络不能对所有终端开放访问权限,需要基于终端对应的用户身份和终端状态进行认证,不符合条件的终端不能接入网络网络准入控制(NAC)架构用户终端:各种终端设备,例如PC、手机、打印机、摄像头等。网络准入设备:终端访问网络的认证控制点,准入设备对接入用户进行认证,是园区安全策略的实施者,按照网络

javascript - 如何使用 d3.js 轴功能绘制指数函数 y=ab^x

我正在尝试使用d3.js(javascript)库绘制指数函数(y=ab^x)。我知道如何自己绘制轴。我只需要画出实际线条的魔法。我已经看到了对线性和二次方程的描述,但没有更多的自定义内容。如有任何帮助,我们将不胜感激。 最佳答案 我认为您需要自己构建数据。对于指数函数,您可以生成数据:vardata=[],n=100,a=1,b=2;for(vark=0;k然后,使用标准代码生成折线图,例如,参见http://bl.ocks.org/3883245. 关于javascript-如何使用